<template>
 	<view id="box">
 		<!-- 自定义导航栏 -->
 		<view class="navBarBox">
 			<!-- 状态栏占位 -->
 			<view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view>
 			<!-- 真正的导航栏内容 -->
 			<view class="navBar">
 				<view class="goback">
 					<view @click="goBack" class="goicon"style="background:url(../../static/goback.png);background-size:contain;background-repeat: no-repeat;">			
 					</view>
 				</view>
 				<view class="title">正在学的课程</view>
 				<view class="right">
 							
 				</view>
 			</view>
 		</view>

 		<!-- <view class="classList">
 			<view class="image"></view>
 			<view class="message">
 				<text>春天培训班</text>
 				<view class="one">
 					<image src="../../../static/img/parents/place.png"></image>
 					<text>活动时间</text>
 				</view>
 				<view class="two">
 					<image src="../../../static/img/parents/time.png"></image>
 					<text>周一下午16:00-17:00</text>
 				</view>
 			</view>
 			<view class="detail">
 				<view class="classtime">学时：16小时</view>
 				<view class="total">总人数：50人</view>
 				<view class="surplus">剩余名额：10人结束</view>
 			</view>
 		</view> -->
 		<!-- <view class="classList">
 			<view class="image"></view>
 			<view class="message">
 				<text>春天培训班</text>
 				<view class="one">
 					<image src="../../../static/img/parents/palce.png"></image>
 					<text>活动时间</text>
 				</view>
 				<view class="two">
 					<image src="../../../static/img/parents/time.png"></image>
 					<text>周一下午16:00-17:00</text>
 				</view>
 			</view>
 			<view class="detail">
 				<view class="classtime">学时：16小时</view>
 				<view class="total">总人数：50人</view>
 				<view class="surplus">剩余名额：10人结束</view>
 			</view>
 		</view> -->
 		<!-- <view class="classList">
 			<view class="image"></view>
 			<view class="message">
 				<text>春天培训班</text>
 				<view class="one">
 					<image src="../../../static/img/parents/place.png"></image>
 					<text>活动时间</text>
 				</view>
 				<view class="two">
<<<<<<< .mine
 					<image src="../../../static/img/parents/time.png"></image>
||||||| .r58
 					<image src="../../static/img/时间.png"></image>
=======
 					<image src="../../static/img/time.png"></image>
>>>>>>> .r115
 					<text>周一下午16:00-17:00</text>
 				</view>
 			</view>
 			<view class="detail">
 				<view class="classtime">学时：16小时</view>
 				<view class="total">总人数：50人</view>
 				<view class="surplus">剩余名额：10人结束</view>
 			</view> -->
 		</view>
 	</view>
 </template>
 
 <script>
 	export default {
 		data() {
 			return {
				// 状态栏高度
 				statusBarHeight: 0,
 				// 导航栏高度
 				navBarHeight: 82 + 11,
 			}
 		},
		created() {
			//获取手机状态栏高度
			this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'];
		},
 		methods: {
			goBack(){
 				// 此处是写返回页面的方法、
 							
 				uni.navigateBack({
 				    delta: 1//返回只上一级页面
 				});
 			}
 		}
 	}
 </script>
 
 <style lang="less" scoped>
 	#box{
 		width: 100%;
 		height: 100%;
 		background-color: #f7f7f7;
 	}
	.navBarBox .navBar {
 		padding: 3rpx 50rpx;
 		padding-bottom: 8rpx;
 		display: flex;
 		justify-content: space-between;
 
 		line-height: 93rpx;
 		font-size: 36rpx;
 	}
 
 	.goback {
 		flex: 1;
 		height: 100%;
 	}
 	.goicon{
 		width: 30rpx;
 		height: 30rpx;
 		background-color: #00BEA9;
 		margin-top: 30rpx;
 	}
 	.title {
 		flex: 1;
 		height: 100%;
 		
 	}
 	.right{
 		flex: 1;
 	}
 	
 	.status_bar {
 		height: var(--status-bar-height);
 		width: 100%;
 		background-color: #46f1de;
 	}
 
 	.titleBox {
 		margin-top: 60rpx;
 		margin-left: 30rpx;
 		display: flex;
 		justify-content: left;
 		align-items: center;
 
 		.title {
 			font-size: 34rpx;
 			color: black;
 		}
 
 		.all {
 			display: flex;
 			align-items: center;
 			margin-left: 372rpx;
 
 			image {
 				width: 22rpx;
 				height: 22rpx;
 			}
 
 			text {
 				font-size: 22rpx;
 				color: rgb(121, 121, 121);
 				margin-left: 8rpx;
 			}
 		}
 	}
 
 	.classList {
 		width: 690rpx;
 		height: 220rpx;
 		background-color: white;
 		margin-left: 30rpx;
 		margin-top: 28rpx;
 		display: flex;
 		align-items: center;
 
 		.image {
 			width: 166rpx;
 			height: 148rpx;
 			margin-left: 18rpx;
 			background: #aa55ff;
 			border-radius: 10rpx;
 		}
 	}
 
 	.message {
 		margin-left: 10rpx;
 		.one {
 			margin-top: 28rpx;
 		}
 
 		.two {
 			margin-top: 10rpx;
 		}
 
 		view {
 			font-size: 22rpx;
 			color: rgb(179, 179, 179);
 
 			image {
 				width: 22rpx;
 				height: 22rpx;
 			}
 
 			text {
 				margin-left: 8rpx;
 			}
 		}
 
 	}
 
 	.detail {
 		margin-right: 0;
 		margin-left: 36rpx;
 		text-align: right;
 		.classtime{
 			font-size: 26rpx;
 			color:rgb(137, 137, 137) ;
 			margin-top: 10rpx;
 		}
 		.total{
 			font-size: 29rpx;
 			color: rgb(255,108,44);
 			margin-top: 20rpx;
 		}
 		.surplus{
 			font-size: 22rpx;
 			color: rgb(139,139,139);
 			margin-top: 8rpx;
 		}
 	}
 
 
 </style>
